<html>
<head>
<meta content="Demo Galleria V2, A JQuery Masonry Widget for Blogger JSON" name="description">
<meta charset="utf-8">
<title> BK-BlackKoala Galleria </title>
<link href="img/ico.png" rel="shortcut icon">
<link href="theme/light.css" rel="stylesheet" type="text/css" media="screen">
<style type="text/css">
html {overflow-y:scroll;}
body {
        background:white url('img/bg-line-repeat.png') repeat;
        font:normal 11px Arial,Sans-Serif;
        color:#666;
        margin:0 0;
        padding:0 0;
}
a {color:#3868B5;}
h1 a {
        color:#666;
        text-decoration:none;
}
header,
footer {
        display:block;
        background-color:white;
        background-image:-webkit-linear-gradient(top,white,#eee);
        background-image:-moz-linear-gradient(top,white,#eee);
        background-image:-ms-linear-gradient(top,white,#eee);
        background-image:-o-linear-gradient(top,white,#eee);
        background-image:linear-gradient(top,white,#eee);
        padding:10px 15px;
        overflow:hidden;
        -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.4);
        -moz-box-shadow:0 1px 3px rgba(0,0,0,0.4);
        box-shadow:0 1px 3px rgba(0,0,0,0.4);
}
section {
        display:block;
        margin:30px 0;
        min-height:1000px;
}
header h1 {
        font:normal 18px 'Yanone Kaffeesatz',Impact,Arial,Sans-serif;
        margin:0 0;
        padding:0 0;
        text-transform:uppercase;
        text-shadow:0 1px 0 white;
}
#dte-masonry-nav {
        line-height:50px;
        border-top:1px solid white;
        -webkit-box-shadow:0 -1px 0 #ddd;
        -moz-box-shadow:0 -1px 0 #ddd;
        box-shadow:0 -1px 0 #ddd;
        margin:30px 30px 0 30px;
}
</style>

</head>
<body>

<header>
        <h1><a href="http://bk-blackkoala.blogspot.com/">BK-BlackKoala Galleria</a></h1>
</header>

<section>

<link rel="stylesheet" type="text/css" href="http://hompimpa.googlecode.com/svn/trunk/Blogger-Masonry-Widget/theme/light.min.css"/>
<div id="dte-masonry-container"></div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script src="http://hompimpa.googlecode.com/svn/trunk/Blogger-Masonry-Widget/js/jquery.masonry.min.js" type="text/javascript"></script>
<script src="http://hompimpa.googlecode.com/svn/trunk/Blogger-Masonry-Widget/js/post.brick.min.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
$('#dte-masonry-container').bloggerMasonry({

    // JSON Configuration
    viewMode: "summary", // Widget mode? "summary" || "thumbnail"
    homePage: "http://bk-blackkoala.blogspot.com", // Your blog homepage
    numPosts: 9999, // Number of posts to display per request
    numChars: 100, // Length of summary post
    squareImage: false, // Set thumbnail mode to square
    newTabLink: false, // Auto open links in new window/tab?
    columnWidth: 200, // Width of the image (also will resize the brick item width)
    subHeaderText: ["Diposting oleh ", "<br>pada "], // `Diposkan oleh FOO pada BAR`
    monthNames: [ // Month array
        "Januari",
        "Februari",
        "Maret",
        "April",
        "Mei",
        "Juni",
        "Juli",
        "Agustus",
        "September",
        "Oktober",
        "November",
        "Desember"
    ],
    commentLabel: "&nbsp;", // Label text after total comments
    navText: {
        prev: "Sebelumnya", // Previous navigation label
        next: "Berikutnya", // Next navigation label
        disabled: "&times;", // Disabled navigation label
        data: ["Halaman ", " dari "] // `Halaman # dari #`
    },
    postCategory: null, // Change to a label name to sort posts by specific label
    fallbackThumb: "http://i.imgur.com/4ZU9bSD.png", // Fallback thumbnail for posts without images
    loadingText: "Loading...", // `Loading...` text for loading indicator
    loadedText: "Loaded.", // `Loaded.` text for loading indicator
    infiniteScroll: false, // Enable infinite scroll?
    bottomTolerance: 30, // Bottom tolerance for the end of page indicator in infinite scroll

    // Shortcuts for Masonry Plugin Configuration (And Some Local Configuration)
    masonryConfig: {
        itemSelector: '.json_post',
        fadeSpeed: 400, // Speed of thumbnail fading effect
        resizeSpeed: 1000, // Speed of thumbnail resizing effect
        isAnimated: false,
        animateWithTransition: true, // Animate each brick with CSS transition instead of JQuery `.animate()`?
        animationOptions: {
            queue: false,
            duration: 1000,
            easing: null
        },
        isFitWidth: true,
        gutterWidth: 0,
        isRTL: false
    }

});
//]]>
</script>
</section>

<footer>

</footer>


</body>
</html>